import React from 'react'
import styles from './index.module.less'
import type { CheckboxScheme } from '../../interface'
import IconFont from '@/components/IconFont'

export default function Judgement(props: { scheme: CheckboxScheme }) {
    const { scheme } = props
    const { properties } = scheme || {}
    return (
        <div className={styles.judgement_container}>
            <div className={styles.question}>{properties?.title}</div>
            {properties?.content.map(item => {
                return (
                    <div key={item.label} className={styles.checked}>
                        <IconFont type="icon-danxuangouxuan" className={styles.checked_icon} /> <span>{item.label}</span>
                    </div>
                )
            })}
        </div>
    )
}
